:root {
    --dtable-checked-bg: var(--color-warning-50);
    --dtable-checked-bg-hover: var(--color-warning-100);
    --dtable-checked-border: var(--color-border-strong);
}

.dtable-cell.is-checked,
.dtable-striped .dtable-cell.is-odd-row.is-checked {
    @apply -bg-[--dtable-checked-bg];
}
.checkbox-primary.dtable-checkbox {
    @apply --mr-1.5;
}
.dtable-checkbox {
    @apply --order-5;
}
.dtable-hover-row .dtable-cell.is-hover-row.is-checked,
.dtable-hover-col .dtable-cell.is-hover-col.is-checked {
    @apply -bg-[--dtable-checked-bg-hover];
}
.dtable-cell.is-checked {
    --dtable-border-color: var(--dtable-checked-border);
}
.dtable-check-info {
    @apply -whitespace-nowrap -overflow-hidden -shrink -mr-2;
}
